@charset "utf-8";
/* CSS Document */
/*body {background-image: url(images/header_bg.jpg);background-repeat: no-repeat;background-attachment: fixed;}*/
body {}
#head{width:1000px;height:80px; margin:auto;}
#logo{width:126px;height:103px;float:left;background-image:url(images/logo.jpg);}
#body_topcp { width:1000px; !important; min-width:1000px;margin:auto; background-color:#fff; border:#eeeeee 1px solid;height:100%;}
#companyname{width:377px;height:63px; background-image:url(images/main_02.jpg);float:left; margin-top:25px;}
#language{width:470px;height:63px;float:left;}
#navi{width:1000px;height:32px; margin:auto;}
#navi_button{width:165px; text-align:center;height:30px; line-height:30px; float:left;font-family: "Microsoft YaHei", monospace !important; background-color:red;}
#navi_button a{width:165px; text-align:center;height:30px; line-height:30px; float:left; color:#fff; font-size:15px; }
#navi_button a:hover{ background-color:#eeeeee;color: #000000;}
#navi_kong{width:1px;height:30px; line-height:30px; float:left; color:#fff; font-size:14px; text-align:center; background-color: #FFF;}
#navi_turn {width:170px; text-align:center;height:30px; line-height:30px; float:left; background-color: #fff;}
#navi_turn a{color:#FFF;font-family: "Microsoft YaHei", monospace !important; color: #F90;font-size:15px; font-weight:bold;}

#left_button{width:300px;height:450px; margin:10px 15px; background-image:url(images/aboutpic.jpg); float:left;}
#left_bbs{width:300px;height:450px; margin:10px 15px; background-image:url(images/bbspic.jpg); float:left;}
#left_line{width:220px;margin:5px 5px;float:left; background-color:#f2f2f2;}
#left_rencai{width:300px;height:450px; margin:10px 15px; background-image:url(images/rencaipic.jpg); float:left;}
#left_news{width:300px;height:450px; margin:10px 15px; background-image:url(images/newspic.jpg); float:left;}
#left_project{width:300px;height:450px; margin:10px 15px; background-image:url(images/productpic.jpg); float:left;}

#cpjszw {font-family: "Microsoft YaHei", monospace !important; font-size:14px; line-height:23px;}

#project_box{width:200px; float:left; margin:10px 10px;}
.project{padding:0 15px;background-color:#f2f2f2;}

#about_button{width:300px; text-align:center;height:28px; line-height:28px;float:left;}
#about_button a{width:300px; text-align:center;height:28px; line-height:28px; color:#fff;float:left; font-size:14px;BORDER-BOTTOM: #cccccc 1px solid;font-weight:bold;}
#about_button a:hover{width:300px; background-color:#f2f2f2;color:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; BORDER-BOTTOM: #cccccc 1px solid;}

#mainarea{width:1000px;margin:auto;}
#mainareacp{width:1000px;margin-top:1px; margin:auto;}
#hl01{width:1000px; background-color:#FFF; float:left; margin-top:15px;}
#news{width:331px; height:224px; float:left;background-color:#FFF;}
#company {width:240px; height:220px; float:left; border:#CCC 1px solid; margin:5px;}
#contact{width:245px; height:224px; float:left;background-color:#FFF;}
#hl02{width:1000px;}
#product{ width:240px; height:220px;float:left; background-color:#FFF;}
#productop{background-image:url(images/main_29.jpg); height:17px; width:190px;}
#producfoot{background-image:url(images/main_33.jpg); height:18px; width:190px;}
#pcontent{ width:230px; height:290px; margin:auto;}
.product{padding:0 15px; height:260px; background-image:url(images/main_32.jpg);}
#chejian{ width:1000px; height:250px;float:left; background-color:#FFF; margin:auto;}

#foot{width:1000px;margin:auto;height:74px; background-color:#FFF; clear:both; background-image:url(/html/images/main_37.jpg); text-align:right;}
#foot02{width:624px; height:80px; background-color:#f2f2f2; float:left;}
.copyright{padding:20px 20px;}

#9pline{height:9px;margin:auto; float:left}

body {font-size:9pt; line-height:22px;}
td {font-size:9pt}
a { text-decoration: none}
.p9 {  font-size: 9pt; line-height: 14pt}
a:visited {  color: #000000; font-size: 9pt}
a:link {  color: #000000; font-size: 9pt}
a:hover {  font-size: 9pt; color: #cccccc}

/*瀑布排列*/
*{margin:0;padding:0}
ul,li {list-style:none}
.wrap {width:650px;margin:50px auto;overflow:hidden}
.wrap .list {float:left;width:200px;margin-right:10px}
.wrap .list ul {padding-bottom:10px}
.wrap .list ul li {background:#eee;line-height:22px;font-size:12px;padding-left:10px}

/*首页滚动图片*/
* {margin:0; padding:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
ul,li {list-style:none;}
img {border:0;}
.wrapper {width:750px; margin:0 auto;overflow:hidden; height:301px; }
h1 {height:50px; line-height:50px; font-size:22px; font-weight:normal; font-family:"Microsoft YaHei",SimHei;}
.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px;}
.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}
.shuoming dd {line-height:20px; padding:5px 20px;}
/* 翻页 */
#focus {width:750px; height:251px; overflow:hidden; position:relative; }
#focus ul {height:291px; position:absolute;}
#focus ul li {float:left; width:750px; height:290px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:15px; left:0; bottom:0; background:#efefef;}/*阴影的颜色*/
#focus .btn {position:absolute; width:980px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background: #F93;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../indeximg/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
/*首页滚动图片结束*/

/*网页绝对居中*/
#hezi {position:absolute;left:50%;top: 50%;}
.s_cell {float:left; position:relative;right:50%; bottom: 50%;background: red;}


/*跟随滚动*/
#box{float:left; position:relative; width:250px;}
#box_project{float:left; position:relative; width:320px; height:auto;}
.div1{}
.div2{position:fixed;_position:absolute;top:0;z-index:300;}
.toolbar{clear:both;width:240px;background:#fff;text-shadow:0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 1px rgba(0,0,0,.3);}
.toolbar a {display:inline-block; width:49%;padding:10px 0; text-align:center;}
.toolbar .back {border-right-width:1px; border-right-style:solid; border-right-color:#ebe9e4;}


/** shadow layer **/
.mask{height:100%; width:100%; position:fixed; _position:absolute; top:0; z-index:1000; }
.opacity{ opacity:0.9; filter: alpha(opacity=90); background-color:#000; }
/** div position:fixed at bottom **/
.autoSaveBar {
 background-color: #EFF1F3;
 opacity:0.8; filter: alpha(opacity=80);
 height: 30px;
 width: 100%;
 position: fixed;
 bottom: 0px;
 left: 0px;
 right: 0px;
 line-height: 20px;
 text-align: center;
_background-image : none;
_background-attachment : scroll;
_background-repeat : repeat;
_background-position-x : 0%;
_background-position-y : 0%;
_POSITION: absolute;/*for IE6*/
_TOP: expression(eval(document.body.scrollTop + document.body.clientHeight-this.offsetHeight));
}
div.autoSaveBar:hover {
 background-color: #E0E7EF;
 opacity:1;
 filter: alpha(opacity=100);
}